<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input标签代码示范</title>
</head>
<body>
    <form action="http://localhost:888" method="POST" name="login_from">  <!--此处的url是一个后端的处理程序,还有GET方法-->

        <div>
            <label for="username" >用户名：</label>
            <input id="username" type="text" name="user" value="请输入用户名" /><!-- 定义用户可输入文本的单行输入字段-->
        </div>

		<div>
            <label for="password" >密&nbsp&nbsp&nbsp码：</label>
            <input id="password" type="password" name="password" />    <!-- 定义密码字段。密码字段中的字符会被掩码（显示为星号或原点）。 -->
        </div>
		<div><!-- 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。-->
            Male:<input type="radio" name="sex" value="male"/>
            Female:<input type="radio" name="sex" value="female"/>
            Other:<input type="radio" name="sex" value="other"/>
        </div>
		<div>喜欢的颜色：<br /><!-- 定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项。 -->
            红色： <input type="checkbox" name="vehicle" value="red"  />
            绿色： <input type="checkbox" name="vehicle" value="green" />
            黄色：<input type="checkbox" name="vehicle" value="yellow" />
        </div>
        <div>
			<input type="reset" value="清空"/> &nbsp   <!--定义重置按钮。重置按钮会清除表单中的所有数据。 -->
			<input type="Submit" value="提交" />   <!--定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页-->
		</div>    <!--定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页 -->

        <br />
        <div><input type="button" value="Click me event" onclick="msg()" /></div>  <!-- 定义可点击的按钮，但没有任何行为。button 类型常用于在用户点击按钮时启动 JavaScript 程序 -->

    </form>

    <br />

    <form>
        <input type="file" name="pic" accept="image/gif/xls/jpg/jpeg/zip" />    <!-- 用于文件上传 -->
    </form>

</body>
</html>